
import React, { lazy } from 'react'
import { Route, Link, Redirect } from 'react-router-dom'









const News = React.lazy(() => import('../pages/News'))
const Index = React.lazy(() => import('../pages/Index'))
const House = React.lazy(() => import('../pages/House'))
const My = React.lazy(() => import('../pages/My'))
const Demo = React.lazy(() => import('../pages/Demo/Demo'))


class HomeRouter extends React.Component {
    render() {
        return (

            <div>

                {/* <ul>

                    <li>
                        <Link to='/home/index'> home/index </Link>
                    </li>
                    <li> <Link to='/home/news'> home/news </Link></li>
                    <li> <Link to='/home/house'> home/house </Link></li>
                    <li>
                        <Link to='/home/my'> home/my </Link>
                    </li>



                </ul> */}

                <Route path='/home/index' component={Index}></Route>
                <Route path='/home/news' component={News}></Route>
                <Route path='/home/house' component={House}></Route>
                <Route path='/home/my' component={My}></Route>



                <Route path='/home' exact component={Index}></Route>




            </div>


        )
    }
}



export default HomeRouter

